@space: 0.16rem;
.container {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 1080px;
  height: calc(100vh - var(--global_HeaderBarHei));

  // padding: 24px;
  .scrollAll {
    height: 100%;
    overflow-y: scroll;
  }
  .pointNode {
    display: inline-block;
    text-align: left;
  }
}

html[data-type-color] {
  .container {
    // background: #161a1d;
    :global {
      .ant-tabs {
        flex: 1;
        background-color: var(--bg-main);
        border-radius: 5px;
      }
      .ant-tabs-nav {
        margin: 0 24px 0 24px;
      }
      .ant-tabs-tab {
        margin: 0 48px 0 0;
        padding: 16px 0;
        // color: #a7a8a9;
        font-size: 18px;
        // .ant-tabs-tab-active {
        //   color: #18a0fb;
        // }
      }
      // .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
      //   color: #18a0fb !important;
      // }
      // .ant-tabs-ink-bar {
      //   background: #18a0fb;
      // }

      // .ant-btn-link {
      //   color: #18a0fb;
      // }
      .ant-tabs-content-holder {
        display: flex;
        flex: 1;
        flex-direction: column;
        overflow: hidden;
        .ant-tabs-content {
          display: flex;
          // height: 100%;
          flex: 1;
          flex-direction: column;
          width: 100%;
          overflow: hidden;
          .ant-tabs-tabpane {
            display: flex;
            // height: 100%;
            flex: 1;
            flex-direction: column;
            width: 100%;
            overflow: hidden;
            .ant-spin-nested-loading {
              width: 100%;
              height: 100%;
              overflow: hidden;
              .ant-spin-container {
                width: 100%;
                height: 100%;
                overflow: hidden;
                &::after {
                  background-color: var(--bg-main);
                }
              }
            }
          }
        }
      }
    }
  }
}
